<!DOCTYPE html>
<html>
<head>
    <title>学习</title>
    <script src="vue.js"></script>
</head>
<body>
    <div id="app">
        姓名: <input type="text" v-model = "username"></input><br><br>
        是否单身:<input type="checkbox" v-model="isSingle"><br><br>
        性别:
        <input type="radio" name="gender" v-model="gender" value="1">男</inpput>
        <input type="radio" name="gender" v-model="gender" value="2">女</inpput>
        <br><br>
        城市：
        <select v-model="cityId">
            <option value="101">北京</option>
            <option value="102">上海</option>
            <option value="103">广州</option>
            <option value="104">厦门</option>
        </select>
        <br><br>
        自我描述：
        <textarea v-model="desc"></textarea>
    </div>
    <script>
        const app = new Vue({
            el: '#app',
            data: {
                username: "",
                isSingle: true,
                gender: "1",
                cityId: "102",
                desc: "自我描述"
            }
        })
    </script>
</body>
</html>